body {
	background: rgb(115, 208, 231);
}

.bg {
	visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	width: 100%;
	height: 100%;
	background-image: url(../img/Bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}
.Prompt{
	margin-top: .1rem;
	margin-left: -.1rem;
	width: .6rem;
}

.icon-1 {
	overflow: hidden;
	padding: 0 0.1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.icon-imgs,.one-card-status{
	margin-top: .2rem;
	margin-right: .2rem;
	text-align: right;
}
.logo {
	width: 2.5rem;
	height: 1rem;
}

.logo-text {
	width: 3.5rem;
}

.icon-info-text{
	height: .4rem;
}
.one-card{
	position: relative;
	width: .8rem;
}
.show-one-card-status{
	position: absolute;
	top: .3rem;
	right: 0;
	width: .3rem;
}
.winning-information {
	margin-top: .1rem;
	position: relative;
	overflow: hidden;
	height: .5rem;
	background: rgba(0, 0, 0, .54);
	color: #fff;
}

.swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .3rem;
}

.hint-icon {
	margin-right:.3rem;
	width: .4rem;
	height: .4rem;
}
.dalor-button{
	margin: auto;
	width: 3.5rem;
	height: 1rem;
	background-image: url(../img/ic_choujiang.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	text-align: center;
	line-height: 1rem;
	font-size: .3rem;
	font-weight: 600;
	text-shadow: 3px 3px 3px rgb(13,66,127);
	color: #fff;
}
.agreement{
	margin-top: .1rem;
	display: -webkit-box;
	-webkit-box-align:center;
	display: flex;
	justify-content: center;
}
.agreement a{
	display: flex;
	align-items: center;
}
.agreement-info{
	margin-left: .1rem;
	font-size: .3rem;
	font-weight: 600;
	color: #0D427F;
}


.dial {
	position: relative;
	margin: auto;
	margin-top: .4rem;
	width: 5.9rem;
	height: 5.9rem;
	background-image: url(../img/Lucky_turntable_group01.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 100% 100%;
}
.dial2-img{
	right: 1.3rem;
	width: 1.1rem;
	height: 1.1rem;
}
.winning-present{
	position: absolute;
	top: -.15rem;
	left:-.5rem;
	bottom:0;
	right: 0;
	z-index:6;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width:7rem;
	height: 6rem;
	background-image: url(../img/Lucky_turntable_shade.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}

.title{
	font-size: .4rem;
	font-weight: 600;
	color: #fff;
	text-shadow: 3px 3px 3px #000;
}
.winning-present-img{
	margin-top: .3rem;
	width:1.1rem;
}
.location-1{
	position: absolute;
	top: .35rem;
	transform: rotate(25deg);
	
}

.location-2{
	position: absolute;
	top: 1.2rem;
	right: .4rem;
	transform: rotate(65deg);
	
}
.location-3{
	position: absolute;
	top: 2.7rem;
	right: .4rem;
	transform: rotate(110deg);
}
.location-4{
	position: absolute;
	top: 3.6rem;
	right: 1.4rem;
	transform: rotate(160deg);
}
.location-5{
	position: absolute;
	top: 3.7rem;
	right: 2.7rem;
	transform: rotate(200deg);
}
.location-6{
	position: absolute;
	top: 2.6rem;
	right: 3.6rem;
	transform: rotate(240deg);
}
.location-7{
	position: absolute;
	top: 1.2rem;
	right: 3.7rem;
	transform: rotate(290deg);
}
.location-8{
	position: absolute;
	top: .25rem;
	right: 2.7rem;
	transform: rotate(340deg);
}
.Lucky_turntable_bulb{
	width: .6rem;
	height: .5rem;
}
.location-2-1{
	position: absolute;
	top: .35rem;
	right: .4rem;
}
.location-2-2{
	position: absolute;
	top: 1.35rem;
	right: -.24rem;
}
.location-2-3{
	position: absolute;
	top: 2.55rem;
	right: -.5rem;
}
.location-2-4{
	position: absolute;
	top: 3.72rem;
	right: -.25rem;
}
.location-2-5{
	position: absolute;
	top: 4.72rem;
	right: .42rem;
}
.location-2-6{
	position: absolute;
	top: .3rem;
	left: .5rem;
}
.location-2-7{
	position: absolute;
	top: 3.75rem;
	left: -.25rem;
}
.location-2-8{
	position: absolute;
	top: 2.55rem;
	left: -.55rem;
}
.location-2-9{
	position: absolute;
	top: 1.34rem;
	left: -.24rem;
}
.location-2-10{
	position: absolute;
	top: 4.8rem;
	left: .36rem;
}
.arrows {
	position: absolute;
	top: -.26rem;
	left: 0;
	right: 0;
	z-index: 3;
	margin: auto;
	width: .45rem;
	height: .9rem;
	transform: rotate(-15deg);
	transition:all .3s;
}

.turntable {
	position: absolute;
	top: -.0104rem;
	left: 0;
	right: 0;
	z-index: 4;
	margin: auto;
	width: 1.1rem;
	height: 0.3rem;
}

.dial2 {
	position: absolute;
	top: .3rem;
	left: 0;
	right: 0;
	z-index: 2;
	margin: auto;
	width: 5.2rem;
	height: 5rem;
	background-image: url(../img/Lucky_turntable_group02.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 100% 100%;
}
.count-down{
	position: absolute;
	top:0;
	left:0;
	right: 0;
	bottom: 0;
	z-index:3;
	margin:auto;
	padding-right: .1rem;
	width:1.2rem;
	height: 1.3rem;
	background-image: url(../img/Lucky_turntable_group03.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 100% 100%;
	border-radius: 50%;
	text-align: center;
	line-height:1.1rem;
	font-size: .4rem;
	font-weight: 600;
	color: rgb(246,203,0);
	text-shadow: 3px 3px 3px rgb(170,95,35);
}
.bg-2 {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
	background: #ddd;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	
}

.bg-3,.bg-4{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	background: #ddd;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	
}
.info-box {
	margin: auto;
	padding: .3rem .2rem;
	width: 5.4rem;
	background-image: url(../img/Panel_bg01.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	border: 1px solid #723720;
	border-radius: 0.18rem;
}

.info-input {
	display: flex;
	align-items: center;
	margin-bottom: .3rem;
	font-size: .3rem;
	font-weight: 600;
	color: #64340E;
}
.info-input2{
	display: flex;
	margin-bottom: .3rem;
	font-size: .3rem;
	font-weight: 600;
	color: #64340E;
}
.fill-in-information-label {
	position: relative;
	margin-left: .2rem;
	display: flex;
	align-items: center;
	display: flex;
	align-items: center;
}

.user-name,.mobile,.verification-code {
	margin-left: .2rem;
	padding: 0 .2rem;
	width: 2rem;
	height: .5rem;
	background: #CE9A66;
	border-radius: 0.12rem;
	font-size: .24rem;
	font-weight: 600;
	color: #64340E;
}
.date{
	margin-left: .2rem;
	padding: 0 .2rem;
	width: 2.4rem;
	height: .5rem;
	background: #CE9A66;
	border-radius: 0.12rem;
	font-size: .24rem;
	font-weight: 600;
	color: #64340E;
}
.get-verification-code{
	margin-left: .2rem;
	padding: 0 .1rem;
	width: 1.6rem;
	height: .5rem;
	background-image: url(../img/Button_go.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	text-align: center;
	line-height:.5rem;
	font-size: .2rem;
	font-weight: 600;
	color: #fff;
}
.name{
	color: #7CE6CE;
}
.pump-prize{
	color: rgb(237,70,38);
}
.modules{
	margin-top: 1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.modules-left{
	position: relative;
	margin-left: .1rem;
	width: 1.1rem;
	height: 1rem;
	background-image: url(../img/Button_information.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	text-align: center;
	line-height: 1rem;
}
.modules-left-text{
	color: #fff;
	font-weight: 600;
	font-size: .2rem;
}
.modules-left-info{
	position: absolute;
	top: -1rem;
	left: 0;
	padding:0 .1rem .3rem .1rem;
	width: 3.2rem;
	background-image: url(../img/Dialog_box.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	line-height: .4rem;
	font-size: .3rem;
	font-weight: 600;
	color: #fff;
	text-shadow: 0 0 3px #6B4221;
}
.modules-left-hint-info{
	position: absolute;
	top: 0;
	right: 0;
	width: .4rem;
	height: .4rem;
	
}
.modules-center{
	width: 4rem;
	height: 1.4rem;
	background-image: url(../img/ic_choujiangcishu.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	text-align: center;
	line-height: 1.4rem;
	font-size: .39rem;
	font-weight: 600;
	color: #fff;
	text-shadow: 3px 3px 3px #8B350B;
}
.modules-right{
	position: relative;
	margin-right: .1rem;
}
.my-prize{
	z-index: 1;
	margin-right: .1rem;
	width: 1.5rem;
	height: 1.75rem;
	background-image: url(../img/My_prize.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}
.pipeline{
	position: absolute;
	top: -3rem;
	left: 0;
	right: .3rem;
	z-index: -1;
	margin: auto;
	padding-bottom: .3rem;
	display: flex;
	flex-direction: column-reverse;
	width: .3rem;
	height: 3.2rem;
	background-image: url(../img/Progress_bar01.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}

.modules-img-1{
	position: absolute;
	top: 2rem;
	left: -.1rem;
	z-index: 5;
	width: .5rem;
	height: .5rem;
}
.modules-img-2{
	position: absolute;
	top: 1rem;
	left: -.1rem;
	z-index: 5;
	width: .5rem;
	height: .5rem;
}
.modules-img-3{
	position: absolute;
	top: -.1rem;
	left: -.1rem;
	z-index: 5;
	width: .56rem;
	height: .65rem;
}
.Progress{
	position: relative;
	width:100%;
	background-image: url(../img/Progress_bar02.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}
.Progress-num{
	position: absolute;
	top: 1;
	left: .2rem;
	z-index: 2;
	width: .9rem;
	height: .6rem;
	background-image: url(../img/Progress_bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	text-align: center;
	line-height: .6rem;
	font-size: .3rem;
	font-weight: 600;
	color: #fff;
}
.Progress-num{
	padding-left: .1rem;
}
.blank{
	height: .6rem;
}
.footer-img {
	position: absolute;
	z-index: 3;
	bottom: 0;
	width: 100%;
	background: rgba(255, 255, 255, .5);
}
.site-input{
	margin-left: .2rem;
	padding: 0 .2rem;
	width: 3.6rem;
	height: .5rem;
	background: #CE9A66;
	border-radius: 0.12rem;
	font-size: .24rem;
	font-weight: 600;
	color: #64340E;
}
textarea{
	margin-left: .2rem;
	padding: 0 .2rem;
	width: 3.2rem;
	height: 1rem;
	background: #CE9A66;
	border-radius: 0.12rem;
	resize: none;
	border: 0;
	line-height: .5rem;
	font-size: .24rem;
	font-weight: 600;
	color: #64340E;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {   
	/* WebKit browsers */   
	color: #64340E;   
}  
input:-moz-placeholder,
textarea:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #64340E;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #64340E;
}

.input-checkbox {
	margin-left: .2rem;
	width: .4rem;
	height: .4rem;
	background: #CE9A66;
	border-radius: .1rem;
}

.checkbox-icon {
	position: relative;
	bottom: .1rem;
	width: .5rem;
	height: .5rem;
}
.login-button,.info-button,.fill-in-information-submit{
	display: block;
	margin: auto;
	margin-top: .5rem;
	width: 2.5rem;
	height: .5rem;
	background-image: url(../img/Button_confirm.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	border-radius: .25rem;
	color: #fff;
	text-shadow: 0.04rem 0.04rem #1D520B;
}
.fill-in-information-submit2{
	margin-top: .2rem;
}
.hint-info{
	padding: .1rem .6rem 0 .6rem;
	font-size: .28rem;
	font-weight: 600;
	color: #8D5525;
}
.pupop-box {
	overflow: hidden;
	position: fixed;
	top: 100%;
	left: -100%;
	z-index: 6;
	width: 6.4rem;
	border-radius: 0.18rem;
	transition: all .4s;
	-webkit-transition: all .4s;
}
.pupop-box2 {
	overflow: hidden;
	position: fixed;
	top: 100%;
	left: 100%;
	z-index: 6;
	width: 6.4rem;
	border-radius: 0.18rem;
	transition: all .4s;
	-webkit-transition: all .4s;
}

.left-bottom-pupop-box,.show-fill-in-information,.My-prize,.show-fill-in-address{
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	transition: all .4s;
	-webkit-transition: all .4s;
}
.pupop-title-info{
	position: relative;
}
.pupop-title {
	margin-top: .1rem;
	height: 1rem;
	background-image: url(../img/Panel_upmiddle.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	line-height: 1rem;
	text-align: center;
	font-size: .4rem;
	color: #fff;
	text-shadow: 3px 3px 3px #64340E;
}
.close,.site-close,.add-prize-close{
	position: absolute;
	top: 0;
	right: .3rem;
	bottom: 0;
	margin: auto;
	width: .5rem;
	height: .5rem;
}
.view-prize-detail{
	float: right;
	margin-right: .24rem;
	margin-bottom: .1rem;
	width: 2.5rem;
	height: .5rem;
	background-image: url(../img/yellow_dialog.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	text-align: center;
	line-height:.5rem;
	font-size: .3rem;
	font-weight: 600;
	color: #fff;
	text-shadow: 3px 3px 3px #8B350B;
}
.pupop-scroll-view{
	clear: both;
	overflow: hidden;
	padding-bottom: .5rem;
	background-image: url(../img/Panel_middle.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}
.scroll-view,.scroll-view2{
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	padding: 0 .2rem;
	width: 6rem;
	height: 6rem;
}
.scroll-item{
	display: flex;
	justify-content: space-between;
	margin-bottom: .1rem;
	padding: .3rem .1rem;
	height: 1rem;
	background-image: url(../img/Panel_bg03.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}

.info-1{
	display: flex;
	align-items: center;
	padding: 0 .1rem;
	width: 3.8rem;
	height: .65rem;
	background: #CE9A66;
	border-radius: .2rem;
}
.info-1-img{
	margin-right: .1rem;
	height: .5rem;
}
.info-1-text{
	font-size: .24rem;
	font-weight: 600;
	color: #fff;
}

.info-2{
	margin-top: .1rem;
	width: 4rem;
	text-align: center;
	font-size: .24rem;
	font-weight: 600;
	color: #8D5525;
}
.get-prize-button-1,.get-Lottery-button-1,.button{
	width: 1.6rem;
	height: .56rem;
	background-image: url(../img/Button_Receive.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	text-align: center;
	line-height: .56rem;
	font-size: .24rem;
	font-weight: 600;
	text-shadow: 3px 3px 3px #274FB6;
	color: #fff;
}
.get-prize-2{
	display: flex;
	align-items: center;
	padding: 0 .1rem;
	width: 3.8rem;
}
.prize-2-img{
	margin-right: .3rem;
	height: 1rem;
}
.prize-2-info{
	font-size: .24rem;
	font-weight: 600;
	color: #8D5525;
}
.prize-2-info-2{
	margin-top: .1rem;
}
.get-prize-button-2,.get-Lottery-button-2{
	width: 1.6rem;
	height: .56rem;
	background-image: url(../img/Button_go.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	text-align: center;
	line-height: .56rem;
	font-size: .24rem;
	font-weight: 600;
	text-shadow: 3px 3px 3px #274FB6;
	color: #fff;
}
#get-Lottery-button-3{
	width: 1.6rem;
	height: .86rem;
	background-image: url(../img/Button_go.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	text-align: center;
	line-height: .56rem;
	font-size: .24rem;
	font-weight: 600;
	text-shadow: 3px 3px 3px #274FB6;
	color: #fff;
}
.scroll-item-2{
	display: -webkit-box;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: .1rem;
	padding: .3rem .1rem;
	height: 1rem;
	background-image: url(../img/Panel_bg03.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	
}
.get-Lottery-number{
	padding: 0 .1rem;
	width: 3.8rem;
	font-size: .24rem;
	font-weight: 600;
	color: #8D5525;
}

.details{
	padding: 0 .2rem;
	width: 6rem;
	height: 8.5rem;
	background-image: url(../img/targets_parts.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	border-radius: .16rem;
}
.details-title{
	position: relative;
	padding: .3rem 0;
	font-size: .4rem;
	font-weight: 600;
	text-align: center;
	color: #8D5525;
}
.details-scroll-view{
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	height: 7rem;
}
.frist{
	display: flex;
	align-items: center;
	margin: .1rem 0;
}
.details-icon{
	margin-right: .1rem;
	width: 1rem;

}
.details-info-title{
	font-size: .3rem;
	font-weight: 600;
	color:#fff;
	text-shadow: 3px 3px 3px #8D5525;
}
.details-info-text{
	margin-top: .1rem;
	font-size: .2rem;
	font-weight: 600;
	color:#8D5525;
}
.child{
	margin: auto;
	width: 5rem;
	border-bottom: 2px solid #8D5525;
}
.details-close{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: .5rem;
	height: .5rem;
}
.specification{
	padding-bottom: .4rem;
	background: rgb(255,215,146);
}
.specification-title,.specification-title2{
	position: relative;
	margin:auto;
	margin-top: .6rem;
	width:90%;
	height: 0;
	border-bottom: 1px solid #8D5525;
}
.specification-title p{
	position: absolute;
	top: 0;
	left:0;
	bottom: 0;
	right: 0;
	z-index:3;
	margin:auto;
	display: inline-block;
	width:2.4rem;
	height: .4rem;
	background: rgb(255,215,146);
	font-size: .35rem;
	font-weight: 600;
	text-align: center;
	color: #8D5525;
}
.specification-title2 p{
	position: absolute;
	top: 0;
	left:0;
	bottom: 0;
	right: 0;
	z-index:3;
	margin:auto;
	display: inline-block;
	width:4.5rem;
	height: .4rem;
	background: rgb(255,215,146);
	font-size: .3.5rem;
	font-weight: 600;
	text-align: center;
	color: #8D5525;
}
.specification-close,.specification-close2{
	position: absolute;
	top: 0;
	right: 0;
	width:.5rem;
	height: .5rem;
}
.specification-text{
	margin:auto;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	margin-top: .4rem;
	width:94%;
	max-height: 7.5rem;
}
.specification-text li{
	margin-bottom: .2rem;
	list-style-type: demical;
	font-size: .3rem;
	color: #8D5525;
}
.regulation,.activate,.one{
	overflow: hidden;
	background: rgb(255,215,146);
	
}
.img_text{
	height: .5rem;
}
.hint-info-box2{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
}
.show-hint-info-box2{
	display: flex;
	align-items: center;
	justify-content: center;
}

.info2{
	overflow: hidden;
	width: 5rem;
	background: #fff;
	border-radius: 0.18rem;
}

.info2-title{
	height: .8rem;
	text-align: center;
	line-height: .8rem;
	font-size: .35rem;
	color: #CE9A66;
	/*border-bottom: 1px solid #ddd;*/
}

.info2-text{
	padding: .2rem .2rem .4rem .2rem;
	text-align: center;
	font-size: .3rem;
	color: #333;
}

.info2-confirm{
	height: 1rem;
	line-height: 1rem;
	/*background: rgb(255,182,40);*/
	border-top: 1px solid #ddd;
	font-size: .3rem;
	text-align: center;
	color: #333;
}
.notice{
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	margin-top: .4rem;
	margin: auto;
	max-height: 7.5rem;
	font-size: .3rem;
	color: #8D5525;
}
